<template>
  <style>
    :host {
      --shimless-title-font-family: "Google Sans", Roboto, sans-serif;
      --shimless-instructions-font-family: Roboto, sans-serif;
      --shimless-component-font-family: Roboto, sans-serif;
      --shimless-component-description-font-family: Roboto, sans-serif;
      --shimless-hint-font-family: Roboto, sans-serif;
      --shimless-warning-font-family: Roboto, sans-serif;
      --shimless-button-label-font-family: "Google Sans", Roboto, sans-serif;
      --shimless-input-font-family: Roboto, sans-serif;
      --shimless-dialog-title-font-family: "Google Sans", sans-serif;
      --shimless-dialog-body-font-family: Roboto, sans-serif;

      --shimless-title-font-size: 28px;
      --shimless-component-font-size: 14px;
      --shimless-component-description-font-size: 13px;
      --shimless-instructions-font-size: 14px;
      --shimless-hint-font-size: 10px;
      --shimless-warning-font-size: 12px;
      --shimless-button-label-font-size: 16px;
      --shimless-input-font-size: 13px;
      --shimless-dialog-title-font-size: 16px;
      --shimless-dialog-body-font-size: 13px;

      --shimless-title-line-height: 36px;
      --shimless-instructions-line-height: 20px;
      --shimless-component-line-height: 20px;
      --shimless-component-description-line-height: 20px;
      --shimless-hint-line-height: 10px;
      --shimless-warning-line-height: 18px;
      --shimless-button-label-line-height: 24px;
      --shimless-input-line-height: 20px;
      --shimless-dialog-title-line-height: 24px;
      --shimless-dialog-body-line-height: 20px;

      --shimless-regular-font-weight: 400;
      --shimless-medium-font-weight: 500;

      --shimless-title-text-color: var(--cros-text-color-primary);
      --shimless-instructions-text-color: var(--cros-text-color-secondary);
      --shimless-component-text-color: var(--cros-text-color-secondary);
      --shimless-component-description-text-color: var(--cros-text-color-secondary);
      --shimless-hint-text-color: var(--google-grey-600);
      --shimless-warning-text-color: var(--cros-text-color-secondary);
      --shimless-button-label-text-color: var(--cros-text-color-primary);
      --shimless-dialog-title-text-color: var(--cros-text-color-primary);
      --shimless-dialog-body-text-color: var(--cros-text-color-secondary);
      --shimless-shutdown-buttons-text-color: var(--cros-text-color-primary);
    }
  </style>
</template>